<!DOCTYPE html>
<html>
<head>
		<meta charset="UTF-8">
		<title>免费登录页面</title>
		<style type="text/css">
			.d1 {
				width: 400px;
				background-repeat: no-repeat;
				background-image: url(img/bg.jpg);
				height: 700px;
			}
			.d1 form ul{
				padding-top: 80px;
				list-style-type: none;
			}
			.d1 form ul li{
				padding-top: 15px;
			}
			.d1 form ul li span {
				color: red;
			}
			.d1 img{
				padding-left: 80px;
			}
			.d1 form ul li input{
				border-radius: 5px;
			}
			.d1 a:hover{
				cursor: pointer;
			}
		</style>
	</head>

	<body>
		<div class="d1">
			<form action="#" method="post">
				<ul>
					<li><span>*</span>&nbsp;姓名：<input type="text" name="name" value="" /></li>
					<li><span>*</span>&nbsp;邮箱：<input type="email" name="email"/></li>
					<li><span>*</span>&nbsp;电话：<input type="text"/></li>
					<li><span>*</span>&nbsp;性别：<input type="radio" name="sex" value="男"/>男
					<input type="radio" name="sex" value="女"/>女</li>
					<li><span>*</span>&nbsp;生日：<input type="date" name="age"/></li>
				</ul>
			</form>
			<a href="#"><img src="img/btn.jpg"/></a>
		</div>
	</body>
</html>
